<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="padrao.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
        <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
        </script>
        <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="scripts/jquery.lavalamp-1.3.4b2.js"></script>
        <script type="text/javascript">
            $(function() {
                $('ul#menu').lavaLamp();
            });
        </script>
        <script type="text/javascript" src="js/easyTooltip.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){	
                $("a").easyTooltip();
                $("a#link1").easyTooltip({
                    tooltipId: "aniversario1",
                    content: ' '
                });
                $("a#link2").easyTooltip({
                    tooltipId: "aniversario2",
                    content: ' '
                });
                $("a#link3").easyTooltip({
                    tooltipId: "aniversario3",
                    content: ' '
                });
                $("a#link4").easyTooltip({
                    tooltipId: "aniversario4",
                    content: ' '
                });
                $("a#link5").easyTooltip({
                    tooltipId: "aniversario5",
                    content: ' '
                });
                $("a#link6").easyTooltip({
                    tooltipId: "aniversario6",
                    content: ' '
                });
                $("a#link7").easyTooltip({
                    tooltipId: "aniversario7",
                    content: ' '
                });
            });
        </script>      
        <title>Rádio Guadalupe</title>
        <meta name="google-translate-customization" content="c460c53af9746ba3-40a81975ff7a4226-g9b212d6d84ca351a-12"></meta>
        <script type="text/javascript">
            function googleTranslateElementInit() {
                new google.translate.TranslateElement({pageLanguage: 'pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
            }
        </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    </head>
    <body>
        <div id="imagem"></div>
        <div id="geral">
            <div class="banner">

                <div style="background-color: #212121; width: 280px; border-radius: 5px;">
                    <center>

                        <a target="PlayerFk" href="player-tocante.php">
                            <img id="play"  border="0" alt="" src="imagens/play.jpg" name="play">
                        </a>
                        <img src="imagens/equalizador.gif"  height="30"/>
                        <a target="PlayerFk" href="player-s">
                            <img id="stop" border="0" alt="" src="imagens/stop.jpg" name="stop">
                        </a>
                    </center>
                    <div id="play" style="background-image:player/tocando-agora.jpg; width:280px; height:23px; overflow:hidden;style2">
                        <marquee id="tocando_agora" onmouseout="start();" onmouseover="stop();" style="font: 13px/21px 'BPdotsUnicaseRegular', Arial, sans-serif; font-weight: bold; color: #CCFF00;" direction="left"> Tocando agora: Psy - Gangnam Style  </marquee>
                    </div>


                </div>
            </div>
            <div id="container">

                <div class="cabecalho">
                    <div class="logo">
                        <div style="width: 829px; height: 30px;background-color: white;">
                            <div id="google_translate_element" style="margin-left: 630px;"></div>
                        </div>

                        <a href="#"><img src="imagens/logo.jpg" alt="logo"/></a>
                    </div>
    <!--                    <select>
                            <option label="Português" />
                            <option label="Inglês"/>
                        </select>
                        <div class="busca">
                            <input type="text"/>
                            <input type="button"/>
                        </div>-->
                </div>
                <div id="menucontainer">
                    <ul id="menu">
                        <li><a href="?pagina=principal"  		 ><span>Principal</span></a></li>
                        <li><a href="?pagina=radio"                      ><span>Nossa Radio</span></a></li>
                        <li><a href="?pagina=programacao"                ><span>Programa&ccedil;&atilde;o</span></a></li>
                        <li><a href="?pagina=nossa"                      ><span>Nossa Senhora de Guadalupe</span></a></li>
                        <li><a href="?pagina=jogos"                     ><span>Jogos</span></a></li>
                        <li><a href="?pagina=fale"                      ><span>Fale Conosco</span></a></li>
                        <l
                </ul>
            </div>



            <div class="conteudo">
                <div id="wrapper">         
                    <div class="slider-wrapper theme-orman">
                        <div id="slider" class="nivoSlider">
                            <a href="http://www.nfexpresso.com.br" target="_Blank"><img src="imagens/NOTICIAS E ESPORTES2.jpg" alt="NF-expresso"  /></a>
                            <img src="imagens/ALMOCANDO COM MARIA_1.jpg" alt="Goes Tecnologia"  />
                        </div>  
                    </div>
                </div>

                <div class="texto">
                    <!-- Data e Hora em Php e JavaScript-->
                    <div id="data_e_hora" style="height: 50px; margin-top: -30px; padding-bottom: 0px; ">
                        <embed src="http://www.clocklink.com/clocks/5008-white.swf?TimeZone=BRST&"  width="180" height="22" wmode="transparent" type="application/x-shockwave-flash" style="margin-bottom: 10px">

                        <a href="http://jornaldotempo.uol.com.br/previsaodotempo.html/brasil/Loanda-PR/" target="_blank"><img src="imagens/previsao.jpg"/></a>




                    </div>
                    <br>                  

                    <div style=" overflow: auto !important;  height: 500px;
                         width: 600px;">
                         <?php
                         $pg = $_REQUEST['pagina'];
                         if ($pg == '') {
                             include_once 'principal.html';
                         } else if ($pg == 'principal') {
                             include_once 'principal.html';
                         } else if ($pg == 'radio') {
                             include_once 'nossaradio.html';
                         } else if ($pg == 'programacao') {
                             include_once 'programacao.html';
                         } else if ($pg == 'nossa') {
                             include_once 'nossa.html';
                         } else if ($pg == 'jogos') {
                             include_once 'jogos.html';
                         } else if ($pg == 'fale') {
                             include_once 'fale.html';
                         }
                         ?> 
                    </div>
                </div>
                <div class="lateral">
                    <div class="noar">
                        <div style="width: 100%;      -webkit-border-radius: 10px;
                             -moz-border-radius: 10px;">
                            <center> <img src="imagens/no_ar.png" height="30" width="180"/></center>
                        </div>
                        <img src="imagens/MARCO BRASIL.jpg" class="foto"/>
                        <p style="text-align: center; margin-top: -6px">Show do Rádio<br/>
                            Marco Brasil<br/>
                            Até as 23:59:00hs</p>
                    </div>

                </div>
                <div class="lateral2">
                    <img src="imagens/galeria.jpg"/>

                    <p class="p.aniversario"><a href="#" id="link1" class="aniversario"> NAELSON SANTIAGO </a><br/> <span style="color: red; margin-left: 65px;">08/10/2012</span></p>
                    <p class="p.aniversario"><a href="#" id="link2" class="aniversario"> ROSA MARTINEZ </a><br/> <span style="color: red; margin-left: 65px;">09/10/2012</span></p>
                    <p class="p.aniversario"><a href="#" id="link3" class="aniversario"> VANESSA OLIVEIRA </a><br/> <span style="color: red; margin-left: 65px;">10/10/2012</span></p>
                    <p class="p.aniversario"><a href="#" id="link4" class="aniversario"> ANTONIA ARAUJO </a><br/> <span style="color: red; margin-left: 65px;">11/1O/2012</span></p>
                    <p class="p.aniversario"><a href="#" id="link5"class="aniversario">  VINICIUS SIMOES</a><br/> <span style="color: red; margin-left: 65px;">12/10/2012</span></p>
                    <p class="p.aniversario"><a href="#" id="link6"class="aniversario"> JEAN FARINACIO </a><br/> <span style="color: red; margin-left: 65px;">13/10/2012</span></p>
                    <p class="p.aniversario"><a href="#" id="link7"class="aniversario"> MARIA VERLI </a><br/> <span style="color: red; margin-left: 65px;">14/10/2012</span></p>

                </div>



                <a href="#"> <img src="imagens/prop1.jpg" class="imagens"/></a>
                <a href="#"> <img src="imagens/prop2.jpg" class="imagens" /></a>
                <a href="#"> <img src="imagens/prop3.jpg" class="imagens" /></a>
                <a href="#"> <img src="imagens/prop4.jpg" class="imagens" /></a>
                <a href="#"> <img src="imagens/prop5.jpg" class="imagens" /></a>
            </div>
            <div class="rodape">
                <small> Copyright 2012 - Todos os direitos reservados para RÁDIO EDUCADORA DE LOANDA LTDA | Responsabilidade Técnica pelo site: Andreia Leao</small>
            </div>




        </div>
    </div>



</body>
</html>
